<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--本页面除div，其他标签均不会占用一行-->
<div>
  这是第一个div
  <div>
    这是一个div
    <!--strong 加粗字体且强调-->
    <strong>
      这是一个div内的strong标签
    </strong>
    <!--    b 加粗字体 不强调-->
    <b>
      这是一个div内的 b标签
    </b>

    <!--i 倾斜字体不强调-->
    <i>
      这是一个div内的i标签
    </i>
    <!--i 倾斜字体且强调-->
    <em>
      这是一个div内的em标签
    </em>

<!--    预格式化字符串，换行 直接显示，并且字号会小一号-->
    <pre>
        爱上对方就爱上
      发生的霍夫卡了。
          发家史快点放假啊了
    </pre>

    <div>
<!--      sub 下标-->
      X<sub>1</sub>+X<sub>2</sub> = 3
    </div>
    <div>
      <!--      sup 上标-->
      X<sup>1</sup>+X<sup>2</sup> = 3
    </div>



  </div>
</div>


</body>
</html>